<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:p="http://thymeleafexamples">
<body>
<div th:fragment="left-menu">
    <div class="page-sidebar-wrapper">
        <div class="page-sidebar navbar-collapse collapse">
            <ul class="page-sidebar-menu">
                <li class="sidebar-toggler-wrapper">
                    <div id="closemenuBTN" class="sidebar-toggler"></div>
                </li>
                <li>
                    <a href="javascript:;"><i class="icon-home"></i><span class="title">后台管理</span><span class="selected"></span><span class="arrow"></span></a>
                    <ul class="sub-menu">
                        <li><a href="/admin/api/user.html" class="ajaxify nav-link"><i class="icon-user"></i>用户管理</a></li>
                        <li><a href="/admin/api/role.html" class="ajaxify nav-link"><i class="icon-group"></i>角色管理</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;"><i class="icon-home"></i><span class="title">UI测试</span><span class="selected"></span><span class="arrow"></span></a>
                    <ul class="sub-menu">
                        <li><a href="/test/uploadview" class="ajaxify nav-link"><i class="icon-user"></i>图片上传</a></li>
                        <li><a href="/test/jquery/validation" class="ajaxify nav-link"><i class="icon-user"></i>jQuery表单验证</a></li>
                        <li><a href="/test/ajaxTable" class="ajaxify nav-link"><i class="icon-user"></i>ajaxTable</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;"><i class="icon-home"></i><span class="title">多层菜单</span><span
                            class="selected"></span><span class="arrow"></span></a>
                    <ul class="sub-menu">
                        <li class="nav-item">
                            <a href="javascript:;" class="nav-link"><i class="icon-globe"></i> 子菜单1<span class="arrow nav-toggle"></span></a>
                            <ul class="sub-menu">
                                <li class="nav-item"><a href="//baidu.com" class="ajaxify nav-link"><i class="icon-tag"></i>子菜单1-1</a></li>
                                <li class="nav-item"><a href="//baidu.com" class="ajaxify nav-link"><i class="icon-pencil"></i>子菜单1-2</a></li>
                                <li class="nav-item"><a href="//baidu.com" class="ajaxify nav-link"><i class="icon-graph"></i>子菜单1-3</a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a href="javascript:;" class="nav-link"><i class="icon-globe"></i> 子菜单2<span class="arrow nav-toggle"></span></a>
                            <ul class="sub-menu">
                                <li class="nav-item"><a href="//baidu.com" class="ajaxify nav-link"><i class="icon-tag"></i>子菜单2-1</a></li>
                                <li class="nav-item"><a href="//baidu.com" class="ajaxify nav-link"><i class="icon-pencil"></i>子菜单2-2</a></li>
                                <li class="nav-item"><a href="//baidu.com" class="ajaxify nav-link"><i class="icon-graph"></i>子菜单2-3</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- 修改密码 -->
    <div id="updatePWD" class="modal fade in" tabindex="-1" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"></button>
                    <h4 class="modal-title">修改密码</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="row form-group">
                            <label class="control-label col-md-2">原密码<span class="required">* </span></label>
                            <div class="col-md-6">
                                <input type="password" name="old_pwd" class="form-control"/>
                            </div>
                        </div>
                        <div class="row form-group">
                            <label class="control-label col-md-2">新密码<span class="required">* </span></label>
                            <div class="col-md-6">
                                <input type="password" name="new_pwd" class="form-control"/>
                            </div>
                        </div>
                        <div class="row form-group">
                            <label class="control-label col-md-2">重复密码<span class="required">* </span></label>
                            <div class="col-md-6">
                                <input type="password" class="form-control" name="re_new_pwd"/>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn dark btn-outline cancel">取消</button>
                    <button type="button" class="btn green sure">确定</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>